<!-- eslint-disable vue/multi-word-component-names -->
<template>
	<div class="join-session-message">
		<p class="message">{{ message }}</p>
	</div>
</template>

<script>
export default {
	props: {
		message: {
			type: String,
			default: () => ''
		}
	}
};
</script>

<style scoped>
.join-session-message {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 10px;
}
.join-session-message .message {
	margin: 0;
	background: #f4f5f9;
	border-radius: 12px;
	font-size: 12px;
	color: #747779;
	padding: 2px 20px;
}
</style>
